.home {
	width: 100%;
	height: 100%;
	background-color: rgb(245, 245, 245);
}

.top {
	width: 100%;
	height: 80rpx;
	background-color: white;
	font-size: 35rpx;
	line-height: 80rpx;
	font-weight: bold;
	
}

.center {
	width: 95%;
	height: 100%;
	margin: auto;
}

/* 实时数据 */
.data {
	width: 100%;
	height: 100%;
	margin-top: 15rpx;
	background-color: white;
	border-radius: 16rpx;
	position: relative;
}

.data_title_box {
	width: 100%;
	height: 20rpx;
	/* background-color:deeppink; */
	margin-bottom: 10rpx;
	padding: 10rpx;

}

.red {
	appearance: none;
	width:5rpx;
	height: 20rpx;
	background-color: rgb(225, 83, 131);
	float: left;
	margin-top: 20rpx;
	margin-right: 10rpx;
}

.data_title {
	font-size: 30rpx;
	font-weight: bold;
	float: left;
	margin-top: 10rpx;
}

.data_time {
	width: 250rpx;
	height: 50rpx;
	background-color: rgb(246, 246, 246);
	font-size: 25rpx;
	line-height: 50rpx;
	position: absolute;
	right: 10rpx;
}

/* 实时数据底部数字上下排列组 */
.data .data_bottom {
	width: 100%;
	height: 180rpx;
	/* background-color: pink; */
	padding: 10rpx;
	margin-top: 50rpx;
	display: flex;
	
}

.order{
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.send{
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.check{
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.product{
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.span1{
	font-size: 42rpx;
	font-weight: bold;
	text-align: center;
	line-height: 65rpx;
}
.span2{
	font-size: 30rpx;
	color: rgb(216, 112, 132);
	text-align: center;
	line-height: 55rpx;
}
.span3{
	font-size: 25rpx;
	color: rgb(142, 142, 142);
	text-align: center;
	line-height: 55rpx;
}

/* 第二板块 */
.popular{
	width: 100%;
	height: 300rpx;
	background-color: white;
	margin-top: 20rpx;
	border-radius: 15rpx;
	/* background-color: pink; */
}
	
.data_people{
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: space-around;
}
	
.data_people span{
	appearance: none;
	width: 35%;
	height: 50rpx;
	/* background-color: pink; */
	font-size: 30rpx;
	margin: auto;
}
	
.data_btn{
	width: 80%;
	height: 50rpx;
	margin: auto;
	/* background-color: pink; */
}
/* echarts图表 */
.wrapper{
	width: 100%;
	height: 400rpx;
	background-color: white;
	border-radius:15rpx;
	margin-top: 20rpx;
	
}
/* 消费者占比 */
.sexEcahrts{
	width: 100%;
	height: 410rpx;
	background-color: white;
	border-radius:15rpx;
	margin-top: 20rpx;
	/* margin-bottom: 20rpx; */
}
/* 账户余额 */
.box{
	width: 100%;
	height: 70rpx;
	background-color: white;
	margin-bottom: 30rpx;
	margin-top: 20rpx;
}
	
.money{
	font-size: 30rpx;
	font-weight: bold;
	line-height: 55rpx;
	margin-bottom: 20rpx;
}
/* 站位盒子 */
	
.whiteBox{
	width: 100%;
	height: 30rpx;
	background-color:rgb(245, 245, 245);
}